<!--
  Generated template for the LoginPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

 <ion-navbar>
   <ion-title></ion-title>
 </ion-navbar>

</ion-header>
 <ion-content>
 		<div class="image">
 			<div class="titles">
 				用户登录
 			</div>
		<img src="assets/imgs/login1.png" mode='widthFix' />
		</div>

        <ion-item class='input_item'>
          <ion-label >手机号</ion-label>
          <!--
          	ngModel 这是双向绑定值
          	loginInfo.UserName 意思是把模型空值绑定到数据库
          -->
          <ion-input type="number" id="username" placeholder="请输入手机号" [(ngModel)]="loginInfo.UserName" (ngModelChange)="eliminate($event)" clearInput></ion-input>
        </ion-item>
        <ion-item class='input_item'>
          <ion-label >密码</ion-label>
          <ion-input type="password"  placeholder="请输入密码" [(ngModel)]="loginInfo.PassWord" ></ion-input>
        </ion-item>
        <!-- <ion-item class='input_item'>
          <ion-label>是否自动登录</ion-label>
          <ion-toggle [(ngModel)]="loginInfo.isAutomaticLogon"></ion-toggle>
        </ion-item> -->
      <div style="text-align: center; margin:auto 7%;">
        <button ion-button full (click)="loginOnSuccess()" class="buttonLogin">
          	 登录
        </button>
      </div>
			<div style='text-align:right' class="font1" (click)="forgetpwd()">忘记密码?</div>
      <div style='text-align:center' class="bottom_link" (click)="register()">新用户注册</div>
      <!-- <div style='text-align:center' class="bottom_link" (click)="openModal()">测试</div> -->
      <img class="logo" src="./assets/imgs/logo.png" alt="logo" />
    </ion-content>
